<template>
  <mu-paper class="lineMarker-chart-wrap">
    <line-marker :data = 'chartData'/>
  </mu-paper>
</template>

<script>
import LineMarker from '@/components/charts/lineMarker'
export default {
  components: {
    LineMarker
  },
  data () {
    return {
      chartData: {
        mainColor: '',
        bgColor: '',
        title: '',
        xData: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55'],
        data1: {
          name: 'A1',
          dataArr: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122]
        },
        data2: {
          name: 'B2',
          dataArr: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150]
        },
        data3: {
          name: 'C3',
          dataArr: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122]
        },
      }
    }
  },
}
</script>

<style scoped>
.lineMarker-chart-wrap {
  margin-top: 20px;
}
</style>